iT邦幫忙

2023 iThome 鐵人賽

0

在這30中我們簡單的說明了如何透過Angular進行我們的系統前端介面開發,我們以前端系統建置與環境、前端系統資料流管理、雲端上線的三大現今前端工程師必備的基礎能力進行分享

我們這30天一同經歷過的內容詳細架構如下,

  1. System Basement
    1.1 nvm, node, Angular-cli
    1.2 git, github, github
    1.3 base v.s. Standalone的開發思路的不同
    1.4 Angular 系統設計思維與層級劃分 whole system preview&core / shared&feature
    1.5 css,scss,Tailwindcss與RWD
    1.6 ngIf, ngFor, ngSwitchCase, [hidden], ngClass, ngStyle, Pipe淺析
    1.7 input, output 以及為何不建議使用自定義標籤(雙向綁定與單資料流更新)
  2. System Data management
    2.1 rxjs的資料流管理
    2.2 SD資料流思維-辨別什麼資料該即時同步與什麼資料需要儲存在系統底層共用
    2.3 透過Service控制所有資料狀態
    2.4 Action => Effect => Reducer
  3. System CI/CD
    3.1 Github action
    3.2 AWS EC2

當然這30天一開始有存稿的時候可以講得比較多與較為詳細一點,但隨著存稿消耗,慢慢的就開始捉襟見軸了起來,另外就是有些套件需要先進行小Side Project才能了解他在新版本中的運行狀況與實作狀況

但說真的,初次鐵人賽的經驗還是很有意思的

於我而言相當於一個系統化與脈絡化的資料整理,將我對於Angular的使用與前端開發流程做個紀錄,也相當於做個手順給自己未來要分享給其他人看的時候有個底稿

未來應該會有兩個項目想要寫寫的,一個是Go的站台架設,一個是Leetcode的解題思路

當然,最終的目標是想要養條哈士奇生活在冰天雪地之中就是了XD

後續文章的更新與維護會給自己設個大約半年的時間八,慢慢地補上原本說要給大家看的開發專案Code Orz


上一篇
D28 Angular開發總結
系列文
從0開始的的Angular站台架設-Stnadalone 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言